/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    顶部计数    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview-TopCount {
  position: relative;

  /* ============================== 卡片体 ============================== */
  .CoreWeb-EasyCard-panel-body {
    display: flex;
    align-items: center;
    line-height: 24px;

    > .flex1 {
      min-width: 80px;
    }

    b {
      line-height: 36px;
      margin-right: 2%;
      font-size: 28px;

      + span {
        color: #606266;
      }
    }
  }

  /* ============================== 卡片尾 ============================== */
  .CoreWeb-EasyCard-panel-footer {
    display: flex;
    line-height: 1;
    margin: 16px 0 4px;

    /* —————————————————————————————— 分段 —————————————————————————————— */
    > div {
      white-space: nowrap;

      /* ------------------------------ 间隔 ------------------------------ */
      &.flex6 {
        position: relative;
        max-width: calc(100% - 120px);

        > div {
          display: inline-block;
          background: var(--White7);
        }
      }

      &.flex1 {
        min-width: 0.5vw;
      }
    }

    /* —————————————————————————————— 数字 —————————————————————————————— */
    b {
      margin-left: 0.6vw;
      color: #287def;
    }

    /* —————————————————————————————— 下降 —————————————————————————————— */
    .Count-down {
      margin-left: 0.5vw;
      color: #00b07e;
    }

    /* —————————————————————————————— 上升 —————————————————————————————— */
    .Count-up {
      margin-left: 0.5vw;
      color: #ff6a55;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      四色      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview-TopCount .CoreWeb-EasyCard {
  /* ============================== 用电量 ============================== */
  &:nth-child(1) .CoreWeb-EasyCard-panel-body b {
    color: #f3b844;
  }

  /* ============================== 用水量 ============================== */
  &:nth-child(2) .CoreWeb-EasyCard-panel-body b {
    color: #00bfc6;
  }

  /* ============================== 用气量 ============================== */
  &:nth-child(3) .CoreWeb-EasyCard-panel-body b {
    color: #4dd396;
  }

  /* ============================== 碳排放 ============================== */
  &:nth-child(4) .CoreWeb-EasyCard-panel-body b {
    color: #497fff;
  }
}
